<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/skin.css">    <!--css карусели-->
    <link rel="stylesheet" type="text/css" href="css/style.polz.css">    <!--css polzunok-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="js/jquery1.7.2.js" type="text/javascript"></script>  <!--подключение jquery-->
    <script src="js/jquery.selectbox.min.js" type="text/javascript"></script> <!--Select plugin-->
    <script src="js/jCarousel.js" type="text/javascript"></script>  <!--jCarousel-->
    <script src="js/jqueryUI.js" type="text/javascript"></script><!--jUI-->
    <title>Pricehole</title>

    <!--select top-->
    <script>
        (function ($) {
            $(function () {

                $('#sel').selectbox();

                $('#add').click(function (e) {
                    $(this).parents('div.section').append('<br /><br /><select><option>Category</option><option>Пункт 1</option><option>Пункт 2</option><option>Пункт 3</option><option>Пункт 4</option><option>Пункт 5</option></select>');
                    $('#sel').selectbox();
                    e.preventDefault();
                })

                $('#add2').click(function (e) {
                    var options = '';
                    for (i = 1; i <= 5; i++) {
                        options += '<option>Option ' + i + '</option>';
                    }
                    $(this).parents('div.section').find('#sel').each(function () {
                        $(this).append(options);
                    })
                    $('#sel').trigger('refresh');
                    e.preventDefault();
                })

                $('#che').click(function (e) {
                    $(this).parents('div.section').find('option:nth-child(5)').attr('selected', true);
                    $('#sel').trigger('refresh');
                    e.preventDefault();
                })

            })
        })(jQuery)
    </script>
    <!--jcarousel-->
    <script type="text/javascript">

        jQuery(document).ready(function () {
            jQuery('#mycarousel, #mycarousel1').jcarousel({
                wrap:'circular',
                wrap1:'circular'
            });
        });

    </script>

    <!--UP to the top-->
    <script>
        (function($) {
            $(function() {

                $('#up').click(function() {
                    $('body,html').animate({scrollTop:0},500);
                    return false;
                })

            })
        })(jQuery)
    </script>

    <!--Collapse-->
    <script type="text/javascript">
        $(document).ready(function(){

            $(".btn-slide").click(function(){
                $("#panel1").slideToggle("slow");
                $(this).toggleClass("active");
                $("html, body").animate({ scrollTop: $(document).height() }, "slow"); <!--DOWN to the Collapse-->
                return false;
            });
        });
    </script>

    <!-- narrow search select-->
    <script>
        $('.sel_imul').live('click', function() {
            $('.sel_imul').removeClass('act');
            $(this).addClass('act');
            if ($(this).children('.sel_options').is(':visible')) {
                $('.sel_options').hide();
            }
            else {
                $('.sel_options').hide();
                $(this).children('.sel_options').show();
            }
        });
        $('.sel_option').live('click', function() {
            //меняем значение на выбранное
            var tektext = $(this).html();
            $(this).parent('.sel_options').parent('.sel_imul').children('.sel_selected').children('.selected-text').html(tektext);

            //активируем текущий
            $(this).parent('.sel_options').children('.sel_option').removeClass('sel_ed');
            $(this).addClass('sel_ed');

            //устанавливаем значение для селекта
            var tekval = $(this).attr('value');
            tekval = typeof(tekval) != 'undefined' ? tekval : tektext;
            $(this).parent('.sel_options').parent('.sel_imul').parent('.sel_wrap').children('select').children('option').removeAttr('selected').each(function() {
                if ($(this).val() == tekval) {
                    $(this).attr('selected', 'select');
                }
            });
        });

        var selenter = false;
        $('.sel_imul').live('mouseenter', function() {
            selenter = true;
        });
        $('.sel_imul').live('mouseleave', function() {
            selenter = false;
        });
        $(document).click(function() {
            if (!selenter) {
                $('.sel_options').hide();
                $('.sel_imul').removeClass('act');
            }
        });

        function reselect(select, addclass) {

            addclass = typeof(addclass) != 'undefined' ? addclass : '';

            $(select).wrap('<div class="sel_wrap ' + addclass + '"/>');

            var sel_options = '';
            $(select).children('option').each(function() {
                sel_options = sel_options + '<div class="sel_option" value="' + $(this).val() + '">' + $(this).html() + '</div>';

            });

            var sel_imul = '<div class="sel_imul">\
                <div class="sel_selected">\
                    <div class="selected-text">' + $(select).children('option').first().html() + '</div>\
                    <div class="sel_arraw"></div>\
                </div>\
                <div class="sel_options">' + sel_options + '</div>\
            </div>';

            $(select).before(sel_imul);

        }

    </script>
    <!--SORT -->

    <script type="text/javascript">
        $(document).ready(function () {
            $(".sort_slide1").click(function () {
                $("#panel2").slideToggle("slow");
                $(this).toggleClass("active");
                return false;
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".sort_slide2").click(function () {
                $("#panel3").slideToggle("slow");
                return false;
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".sort_slide3").click(function () {
                $("#panel4").slideToggle("slow");
                return false;
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".sort_slide4").click(function () {
                $("#panel5").slideToggle("slow");
                return false;
            });
        });
    </script>

    <style type="text/css">



    </style>
</head>

<body>

<div class="all_wrap">
<div class="bckgr_top">
<div class="mainwrap">
    <header>
        <div class="head_top">
            <a class="logo" href="#"></a>
            <form class="search section">
                <div>
                    <select id="sel" class="categories">
                        <option>Category</option>
                        <option>Crows</option>
                        <option>Fucs</option>
                        <option>Cats</option>
                        <option>Dogs</option>
                        <option>Rats</option>
                        <option>Fishes</option>
                    </select>
                </div>
                <input type="text" placeholder="I'm looking for...">
                <button type="submit">Go</button>
            </form>
            <div class="user">
                <div class="user_ava"><a href="#"><img src="pics/user_ava.png"></a></div>
                <div class="user_nickname">
                    <p><a href="#">Welcome,</a></p>
                    <p><a href="#">Deema</a></p>
                </div>
            </div>
        </div>
        <div class="registration">
            <div class="reg_sign">
                <p>Welcome <a href="#">Sign in</a> or <a href="#">Register</a></p>
            </div>
        </div>


        <DIV id='wrap'>
            <UL class='jcarousel-skin-tango' id='mycarousel'>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/1.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/2.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/3.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/4.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/5.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/6.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/7.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/8.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/9.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/10.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/11.png" width=71></a>
                <LI><a href="#"><IMG height=67 alt="" src="pics/static_circular/12.png" width=71></a> </LI>
            </UL>
        </DIV>
    </header>

    <div class="bodywrap">
        <div class="sort">
            <div class="sort_by">
                <div class="sort_collapse">
                    <div class="sort_by_brand">
                        <a href="#"><p class="sort_p">Sort By Brand:</p></a>
                            <a href="#"><img class="brand" alt="sony" src="pics/garmin.png"></a>
                            <a href="#"><img class="brand" alt="sony" src="pics/tomtom.png"></a>
                            <a href="#"><img class="brand" alt="sony" src="pics/magellan.png"></a>
                            <a href="#"><img class="brand" alt="sony" src="pics/toshiba.png"></a>
                    </div>
                    <div class="sort_by_seller">
                        <a href="#"><p class="sort_p">Sort By Seller:</p></a>
                            <a href="#"><img class="seller" alt="sony" src="pics/shoplet.png"></a>
                            <a href="#"><img class="seller" alt="sony" src="pics/abt.png"></a>
                            <a href="#"><img class="seller" alt="sony" src="pics/buydig.png"></a>
                            <a href="#"><img class="seller" alt="sony" src="pics/sears.png"></a>
                            <a href="#"><img class="seller" alt="sony" src="pics/amazon.png"></a>
                            <a href="#"><img class="seller" alt="sony" src="pics/aj.png"></a>
                    </div>
                </div>

                <div class="sort_bott">
                    <a href="#"><p class="sort_b">Sort By Features:</p></a>

                    <section class="sort_by_f">
                        <a href="#"><p class="strong">By Image Stabilization</p></a>
                        <a href="#"><p class="normal_font">Optical (6)</p></a>
                    </section>

                    <section class="sort_by_f">
                        <a href="#"><p class="strong">By LCD Screen Size</p></a>
                        <a href="#"><p class="normal_font">3 - 4 in (34)</p></a>
                        <a href="#"><p class="normal_font">Over 4 in (1)</p></a>
                    </section>

                    <section class="sort_by_f">
                        <a href="#"><p class="strong">By Memory Type</p></a>
                        <a href="#"><p class="normal_font">Built-In (1)</p></a>
                        <a href="#"><p class="normal_font">CompactFlash (35)</p></a>
                        <a href="#"><p class="normal_font">SD/MMC (94)</p></a>
                        <a href="#"><p class="normal_font">SD/SDHC/SDXC Memory (6)</p></a>
                        <a href="#"><p class="normal_font">Card (45)</p></a>
                    </section>

                </div>
                <div class="adv_righ"></div>
            </div>
            <div class="sorted">

                <div class="sort_item">
                    <div class="price_filter"><p>Price Filter:</p></div>
                    <div class="tabs">
                        <div class="blue_div">
                            <input class="left-slider" name="authority1" size="2" value="0" type="text">
                            <input class="right-slider" name="authority2" size="2" value="1000" type="text"><br><br>
                            <div min="0" max="1000" class="slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <div style="left: 0%; width: 100%;" class="ui-slider-range ui-widget-header">
                                </div>
                                <a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all ui-left" href="#"></a>
                                <a style="left: 100%;" class="ui-slider-handle ui-state-default ui-corner-all ui-right" href="#"></a>
                            </div>
                        </div>

                        <script type="text/javascript">

                            $('.slider').each(function () {

                                var self = $(this)
                                var min =  Number($(this).attr('min'));
                                var max = Number($(this).attr('max'));

                                var inputs = $(this).parent();
                                var left = inputs.find('input.left-slider');
                                var right = inputs.find('input.right-slider');

                                $(this).slider({
                                    range: true ,
                                    min: min,
                                    max:max,
                                    values: [min,max],
                                    stop: function(event, ui) {
                                        left.val(ui.values[0]);
                                        right.val(ui.values[1]);
                                    },
                                    slide: function(event, ui){
                                        left.val(ui.values[0]);
                                        right.val(ui.values[1]);
                                    }
                                });


                                left.change(function () {
                                    var value = $(this).val();
                                    value = Number(value);
                                    if (!value) return;
                                    self.slider("values",0,value);
                                });
                                right.change(function () {
                                    var value = $(this).val();
                                    value = Number(value);
                                    if (!value) return;
                                    self.slider("values",1,value);
                                });
                            })

                        </script>
                    </div>
                    <div class="price_filter"><p>Sorted By:</p></div>
                    <div class="sel_wrap">
                        <div class="sel_imul sel_imul2">
                            <div class="sel_selected">
                                <div class="selected-text">Electronix</div><div class="sel_arraw"></div>
                            </div>
                            <div class="sel_options">
                                <div class="sel_option" value="eee">Electronix</div>
                                <div class="sel_option" value="222">Mobils</div>
                                <div class="sel_option" value="444">Mobils</div>
                                <div class="sel_option" value="123">Sqeq</div>
                                <div class="sel_option" value="122">TV</div>
                                <div class="sel_option" value="113">T-shirts</div>
                                <div class="sel_option" value="124">Potatoes</div>
                            </div>
                        </div>
                        <select id="ourselect1">
                            <option value="eee">Electronix</option>
                            <option value="222">Mobils</option>
                            <option value="444">Mobils</option>
                            <option value="123">Sqeq</option>
                            <option value="122">TV</option>
                            <option value="113">T-shirts</option>
                            <option value="124">Potatoes</option>
                        </select>
                    </div>
                </div>
                <div class="sort_item">

                        <a class="item_photo" href="#"><img src="pics/item_foto_1.png"> </a>

                    <div class="item_content">
                        <a href="#"><p>Canon EOS T3i 18MP Digital Camera</p></a>
                        <p class="grey">DSLR - 18 megapixels - 3" - SD/SDHC/SDXC Memory Card</p>
                        <div class="rate">
                            <p class="rating">Rating </p>
                            <div class="rating_txt">
                                <div class="starRate">
                                    <div><b></b></div>
                                    <ul>
                                        <li><a href="#"><span>Give it 5 stars</span></a></li>
                                        <li><a href="#"><span>Give it 4 stars</span><b></b></a></li>
                                        <li><a href="#"><span>Give it 3 stars</span></a></li>
                                        <li><a href="#"><span>Give it 2 stars</span></a></li>
                                        <li><a href="#"><span>Give it 1 star</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item_compare">
                        <ul>
                            <li><a href="#"><p> <span class="moc">from $544.55</span></p></a></li>
                            <li><form><button type="submit" class="compare_but"></button></form></li>
                            <li><a href="#"><p class="grey_item">Sold by 7 sellers</p></a></li>
                        </ul>
                    </div>
                </div>
                <div class="sort_item">

                    <a class="item_photo" href="#"><img src="pics/item_foto_2.png"> </a>

                    <div class="item_content">
                        <a href="#"><p>Canon EOS T3i 18MP Digital Camera</p></a>
                        <p class="grey">DSLR - 18 megapixels - 3" - SD/SDHC/SDXC Memory Card</p>
                        <div class="rate">
                            <p class="rating">Rating </p>
                            <div class="rating_txt">
                                <div class="starRate">
                                    <div><b></b></div>
                                    <ul>
                                        <li><a href="#"><span>Give it 5 stars</span></a></li>
                                        <li><a href="#"><span>Give it 4 stars</span><b></b></a></li>
                                        <li><a href="#"><span>Give it 3 stars</span></a></li>
                                        <li><a href="#"><span>Give it 2 stars</span></a></li>
                                        <li><a href="#"><span>Give it 1 star</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item_compare">
                        <ul>
                            <li><a href="#"><p> <span class="moc">from $544.55</span></p></a></li>
                            <li><form><button type="submit" class="compare_but"></button></form></li>
                            <li><a href="#"><p class="grey_item">Sold by 7 sellers</p></a></li>
                        </ul>
                    </div>
                </div>
                <div class="sort_item">

                    <a class="item_photo" href="#"><img src="pics/item_foto_3.png"> </a>

                    <div class="item_content">
                        <a href="#"><p>Canon EOS T3i 18MP Digital Camera</p></a>
                        <p class="grey">DSLR - 18 megapixels - 3" - SD/SDHC/SDXC Memory Card</p>
                        <div class="rate">
                            <p class="rating">Rating </p>
                            <div class="rating_txt">
                                <div class="starRate">
                                    <div><b></b></div>
                                    <ul>
                                        <li><a href="#"><span>Give it 5 stars</span></a></li>
                                        <li><a href="#"><span>Give it 4 stars</span><b></b></a></li>
                                        <li><a href="#"><span>Give it 3 stars</span></a></li>
                                        <li><a href="#"><span>Give it 2 stars</span></a></li>
                                        <li><a href="#"><span>Give it 1 star</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item_compare">
                        <ul>
                            <li><form><button type="submit" class="see_store"></button></form></li>
                            <li class="price_bold"><a href="#">$644.50</a></li>
                        </ul>
                    </div>
                </div>
                <div class="sort_item">

                    <a class="item_photo" href="#"><img src="pics/item_foto_4.png"> </a>

                    <div class="item_content">
                        <a href="#"><p>Canon EOS T3i 18MP Digital Camera</p></a>
                        <p class="grey">DSLR - 18 megapixels - 3" - SD/SDHC/SDXC Memory Card</p>
                        <div class="rate">
                            <p class="rating">Rating </p>
                            <div class="rating_txt">
                                <div class="starRate">
                                    <div><b></b></div>
                                    <ul>
                                        <li><a href="#"><span>Give it 5 stars</span></a></li>
                                        <li><a href="#"><span>Give it 4 stars</span><b></b></a></li>
                                        <li><a href="#"><span>Give it 3 stars</span></a></li>
                                        <li><a href="#"><span>Give it 2 stars</span></a></li>
                                        <li><a href="#"><span>Give it 1 star</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item_compare">
                        <ul>
                            <li><form><button type="submit" class="see_store"></button></form></li>
                            <li class="price_bold"><a href="#">$564.50</a></li>
                        </ul>
                    </div>
                </div>
                <div class="sort_item">

                    <a class="item_photo" href="#"><img src="pics/item_foto_5.png"> </a>

                    <div class="item_content">
                        <a href="#"><p>Canon EOS T3i 18MP Digital Camera</p></a>
                        <p class="grey">DSLR - 18 megapixels - 3" - SD/SDHC/SDXC Memory Card</p>
                        <div class="rate">
                            <p class="rating">Rating </p>
                            <div class="rating_txt">
                                <div class="starRate">
                                    <div><b></b></div>
                                    <ul>
                                        <li><a href="#"><span>Give it 5 stars</span></a></li>
                                        <li><a href="#"><span>Give it 4 stars</span><b></b></a></li>
                                        <li><a href="#"><span>Give it 3 stars</span></a></li>
                                        <li><a href="#"><span>Give it 2 stars</span></a></li>
                                        <li><a href="#"><span>Give it 1 star</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item_compare">
                        <ul>
                            <li><form><button type="submit" class="see_store"></button></form></li>
                            <li class="price_bold"><a href="#">$574.50</a></li>
                        </ul>
                    </div>
                </div>
                <div class="sort_item">

                    <a class="item_photo" href="#"><img src="pics/item_foto_6.png"> </a>

                    <div class="item_content">
                        <a href="#"><p>Canon EOS T3i 18MP Digital Camera</p></a>
                        <p class="grey">DSLR - 18 megapixels - 3" - SD/SDHC/SDXC Memory Card</p>
                        <div class="rate">
                            <p class="rating">Rating </p>
                            <div class="rating_txt">
                                <div class="starRate">
                                    <div><b></b></div>
                                    <ul>
                                        <li><a href="#"><span>Give it 5 stars</span></a></li>
                                        <li><a href="#"><span>Give it 4 stars</span><b></b></a></li>
                                        <li><a href="#"><span>Give it 3 stars</span></a></li>
                                        <li><a href="#"><span>Give it 2 stars</span></a></li>
                                        <li><a href="#"><span>Give it 1 star</span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item_compare">
                        <ul>
                            <li><form><button type="submit" class="see_store"></button></form></li>
                            <li class="price_bold"><a href="#">$544.55</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>



        <div class="shop_by_brand">
            <div class="brand_pics"></div>
            <div class="search_brand">
                <div id='wrap1'>
                    <ul class='jcarousel-skin-tango' id='mycarousel1'>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/1_sams.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/2_can.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/3_micr.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/4_sony.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/5_hp.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/6_pan.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/7_asus.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/8_sea.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/1_sams.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/2_can.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/3_micr.png" width=94></a>
                        <li class="jcarousel-item jcarousel_hb"><a href="#"><img height=67 alt="" src="pics/brands/4_sony.png" width=94></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="bottom">
           <div>
            <div class="bott_search">
                <div class="bott_s">
                    <form>
                        <button type="submit"> </button>
                        <input type="text" placeholder='Search site for...'>
                    </form>
                </div>
                <div class="bott_social">
                        <a href="http://www.facebook.com">
                            <img class="icon_bott" alt="facebook" src="pics/f.png">
                        </a>
                        <a href="http://www.twitter.com">
                            <img class="icon_bott" alt="twitter" src="pics/t.png">
                        </a>
                        <a href="http://www.in.com">
                            <img class="icon_bott" alt="in" src="pics/in.png">
                        </a>
                        <a href="http://www.google.com">
                            <img class="icon_bott" alt="google" src="pics/g.png">
                        </a>
                        <a href="http://www.youtube.com">
                            <img class="icon_bott" alt="youtube" src="pics/yt.png">
                        </a>
                </div>
            </div>
            <a class="bott_banner" href="#"></a>
            </div>

        </div>

    </div>
    <div class="collapse">
        <div class="clear">
            <p id="down" class="slide"><a href="#" class="btn-slide active"></a></p>
            <div class="menu_collapse">
            </div>
        </div>
        <div style="display: block;" class="panel" id="panel1">
            <nav>
                <div class="columns">
                    <ul class="f_column">
                        <li class="menu_coll"><a href="#">Services</a></li>
                        <li class="gray"><a href="#">Product Advertising</a></li>
                        <li class="gray"><a href="#">Business Intelligence</a></li>
                        <li class="gray"><a href="#">Merchandising Optimization</a></li>
                        <a  href="http://www.paypall.com/">
                            <img class="paypall" src="pics/paypall.png" alt="paypall">
                        </a>
                    </ul>
                    <ul class="f_column">
                        <li class="menu_coll"><a href="#">Our System</a></li>
                        <li class="gray"><a href="#">Google Shopping</a></li>
                        <li class="gray"><a href="#">Google Retail Promotion</a></li>
                        <li class="gray"><a href="#">Shopping Engines</a></li>
                        <li class="gray"><a href="#">Product Feeds</a></li>
                        <li class="gray"><a href="#">Marketplaces</a></li>
                        <li class="gray"><a href="#">Amazon Marketplace</a></li>
                        <li class="gray"><a href="#">Amazon Repricing</a></li>
                        <li class="gray"><a href="#">Retail SEM Solution</a></li>
                    </ul>
                    <ul class="t_column">
                        <li class="menu_coll"><a href="#">Benefits</a></li>
                        <li class="gray"><a href="#">Mercent DNA</a></li>
                        <li class="gray"><a href="#">Differentiated Technology</a></li>
                        <li class="gray"><a href="#">Expert Services</a></li>
                        <li class="gray"><a href="#">Case Studies</a></li>
                    </ul>
                    <ul class="th_column">
                        <li class="menu_coll"><a href="#">News</a></li>
                        <li class="gray"><a href="#">Press Releases</a></li>
                        <li class="gray"><a href="#">Events</a></li>
                        <li class="gray"><a href="#">In The News</a></li>
                        <li class="gray"><a href="#">Videos</a></li>
                    </ul>
                    <ul class="ff_column">
                        <li class="menu_coll"><a href="#">Strategic Partners</a></li>
                        <li class="gray"><a href="#">Channel Partners</a></li>
                        <li class="gray"><a href="#">Technology Partners</a></li>
                        <li class="gray"><a href="#">Service Partners</a></li>
                    </ul>
                    <ul class="six_column">
                        <li class="menu_coll"><a href="#">Company Profile</a></li>
                        <li class="gray"><a href="#">Management Team</a></li>
                        <li class="gray"><a href="#">Investors</a></li>
                        <li class="gray"><a href="#">Careers</a></li>
                        <li class="gray"><a href="#">Terms Of Service</a></li>
                        <li class="gray"><a href="#">Privacy Policy</a></li>
                    </ul>
                    <ul class="ff_column">
                        <li class="menu_coll"><a href="#">Help Center</a></li>
                        <li class="gray"><a href="#">Blog</a></li>
                        <li class="gray"><a href="#">Webinars</a></li>
                    </ul>
                </div>
            </nav>
            <div class="cards">
                <a href="http://www.truste.com/" class="truste"></a>
                <a href="http://www.visa.com/" class="visa"></a>
                <a href="http://www.mastercard.com/" class="master"></a>
                <a href="http://www.discover.com/" class="discover"></a>
                <a href="http://www.visa.org/" class="xz"></a>
                <a href="https://wallet.google.com/" class="google"></a>
            </div>
        </div>
    </div>

    <footer>
        <a href="http://www.bbb.org/">
            <img class="footer_icon" src="pics/bbb.png" alt="BBB">
        </a>
        <div class="copy">
            <p>Copyright 2013.All Rights Reserved.</p>
            <p>Pricehole, pricehole.com are registered trademarks.</p>
            <p>All Trdemarks are property of their legal owners.</p>
            <p>Pricehole Inc.</p>
        </div>
        <div class="bott_footer">
            <form>
                <button type="submit"> </button>
                <input type="text" placeholder="Search site for...">
            </form>
        </div>
    </footer>
</div>
</div>
</div>
</body>
</html>
